import Vue from "vue"
import VueRouter from "vue-router"

// 注意要记住懒加载载入
/* import Home from "../views/home/Home"
import Category from "../views/category/Category"
import Cart from "../views/cart/Cart"
import Profile from "../views/profile/Profile" */

// 使用懒加载导入模块
const Home = () => import("../views/home/Home");
const Category = () => import("../views/category/Category")
const Cart = () => import("../views/cart/Cart")
const Profile = () => import("../views/profile/Profile")

Vue.use(VueRouter)

const routes = [
  {
    path : "",
    redirect : "/home"
  },
  {
    path : "/home",
    component : Home
  },
  {
    path : "/category",
    component : Category
  },
  {
    path : "/cart",
    component : Cart
  },
  {
    path : "/profile",
    component : Profile
  }
]

const router = new VueRouter({
  routes,
  mode: "history"
})

export default router;